<template>
    <div class="container">
        <div class="div1">
        <img src="../../assets/image/home/choice/quan.png">&nbsp;
        <p class="p1">{{topicHead}}&nbsp;&nbsp;{{topicEnd}}</p>&nbsp;
        <img src="../../assets/image/home/choice/quan.png">
    </div>
    </div>
</template>
<script>
export default {
    name:"goodsTopic",
    props:{
        topicHead:String,//前半段标题
        topicEnd:String,//后半段标题
    }
}
</script>
<style scoped>
.container{
    width: 100%;
    text-align: center;
}
.div1{
    width: 100%;;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    height: .77rem;
    line-height: .77rem;
    align-items: center;
}
.div1>img{
    width: .2rem;
    height: .2rem
}
.p1{
    font-size: .4rem;
}
</style>